<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorator="manageruser">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="Dashboard">
<meta name="keyword"
	content="Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">

<title th:text="${application.get('projectName')}"></title>
<link rel="shortcut icon" th:href="@{/global/myicon.ico}">

<!-- Bootstrap core CSS -->
<link th:href="@{/global/assets/css/bootstrap.css}" rel="stylesheet">
<link
	th:href="@{/global/assets/bootstrap-table/bootstrap-table.min.css}"
	rel="stylesheet">
<link th:href="@{/global/assets/css/animate.min.css}" rel="stylesheet">
<!--external css-->
<link th:href="@{/global/assets/font-awesome/css/font-awesome.css}"
	rel="stylesheet" />
<link th:href="@{/global/dist/css/bootstrapValidator.css}"
	rel="stylesheet">

<!-- Custom styles for this template -->
<link th:href="@{/global/assets/css/style.css}" rel="stylesheet">
<link th:href="@{/global/assets/css/style-responsive.css}"
	rel="stylesheet">
<style>
.back:hover {
	cursor: pointer;
}

.fixed-table-toolbar .btn-group>.btn-group:last-child>.btn {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

label {
	width: 100px;
}

.popup_de {
	background-color: rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	display: none;
}

.bbox {
	display: -webkit-box;
	/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box; /* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox; /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法: Chrome 21+ */
	display: -moz-flex;
	display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
}

.bbox.xycenter {
	-moz-box-pack: center; /*Firefox*/
	-webkit-box-pack: center; /*Safari,Opera,Chrome*/
	box-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
	-moz-box-align: center; /*Firefox*/
	-webkit-box-align: center; /*Safari,Opera,Chrome*/
	box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
}

.popup_de .popup_box {
	width: 300px;
	height: 150px;
	font-family: '微软雅黑';
	background-color: #fff;
	border-radius: 5px;
	color: #333;
}

.popup_de .popup_btn {
	display: inline-block;
	width: 100px;
	height: 30px;
	border-radius: 3px;
	border: 1px solid #1ab394;
	font-size: 15px;
	text-align: center;
	line-height: 30px;
	margin-right: 15px;
	cursor: pointer;
}

.popup_de .show_msg {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 18px;
	margin-top: 40px;
	margin-bottom: 20px;
	padding: 10px;
}

.popup_de .popup_close {
	width: 30px;
	height: 30px;
	font-size: 25px;
	text-align: center;
	display: inline-block;
	cursor: pointer;
	float: right;
	border-top-right-radius: 5px;
	line-height: 30px;
}

.popup_de .popup_close:hover {
	background-color: #1ab394;
	color: #fff;
}

.popup_de .btn_submit {
	background-color: #1ab394;
	color: #fff;
}

.popup_de .btn_box {
	text-align: center;
}
</style>
</head>

<body>

	<section id="container">
		<!-- **********************************************************************************************************************************************************
      TOP BAR CONTENT & NOTIFICATIONS
      *********************************************************************************************************************************************************** -->
		<!--header start-->
		<header class="header black-bg">
			<div class="sidebar-toggle-box">
				<div class="fa fa-bars tooltips" data-placement="right"
					data-original-title="Toggle Navigation"></div>
			</div>
			<!--logo start-->
			<a th:href="@{/}" class="logo"><b
				th:text="${application.get('projectName')}+后台"></b></a>
			<!--logo end-->
			<div class="top-menu">
				<form th:action="@{/logout}" method="post">
					<ul class="nav pull-right top-menu">
						<li><button class="logout">注销</button></li>
					</ul>
				</form>
			</div>
		</header>
		<!--header end-->

		<!-- **********************************************************************************************************************************************************
      MAIN SIDEBAR MENU
      *********************************************************************************************************************************************************** -->
		<!--sidebar start-->
		<aside th:replace="home :: leftMenu"></aside>
		<!--sidebar end-->

		<!-- **********************************************************************************************************************************************************
      MAIN CONTENT
      *********************************************************************************************************************************************************** -->
		<!--main content start-->
		<!--main content start-->
		<section id="main-content">
			<section class="wrapper">
				<div class="tableBody row mt">
					<div class="col-lg-12">
						<div class="form-panel">
							<h4 class="mb">
								<i class="fa fa-angle-right"></i>菜单管理
							</h4>
							<div class="panel panel-default">
								<div class="panel-heading">查询条件</div>
								<div class="panel-body form-group" style="margin-bottom: 0px;">
									<label class="col-sm-2 control-label"
										style="text-align: right; margin-top: 5px">菜单名称：</label>
									<div class="col-sm-2">
										<input type="text" class="form-control" name="name"
											id="search_name" />
									</div>
									<label class="col-sm-1 control-label"
										style="text-align: right; margin-top: 5px">路径查询：</label>
									<div class="col-sm-2">
										<input type="text" class="form-control" name="path"
											id="search_path" />
									</div>
									<label class="col-sm-1 control-label"
										style="text-align: right; margin-top: 5px">父菜单</label>
									<div class="col-sm-2">
										<select class="form-control" name="fmenu" id="search_fmenu"></select>
									</div>
									<div class="col-sm-2 pull-right">
										<button class="btn btn-primary" id="search_btn">查询</button>
									</div>

								</div>
							</div>
							<table id="mytab" class="table table-hover"></table>
							<div id="toolbar" class="btn-group pull-right"
								style="margin-right: 20px;">
								<button id="btn_edit" type="button" class="btn btn-default"
									style="display: none;">
									<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>修改
								</button>
								<button id="btn_delete" type="button" class="btn btn-default"
									style="display: none;">
									<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除
								</button>
								<button id="btn_add" type="button" class="btn btn-default">
									<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>新增
								</button>
							</div>
						</div>
					</div>
				</div>
				<!-- 新增 -->
				<div class="row mt addBody" style="display: none">
					<div class="col-lg-12">
						<div class="form-panel">
							<h4 class="mb">
								<i class="fa fa-angle-right"></i>新增菜单
							</h4>
							<form class="form-horizontal style-form" method="post"
								id="addForm">
								<div class="form-group">
									<label class="col-sm-2 col-sm-2 control-label">菜单名称</label>
									<div class="col-sm-10">
										<input type="text" class="form-control" name="menuName"
											id="add_menuName" placeholder="菜单名称" />
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 col-sm-2 control-label">菜单路径</label>
									<div class="col-sm-10">
										<input type="text" class="form-control" name="menuPath"
											id="add_menuPath" placeholder="菜单路径" />
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 col-sm-2 control-label">菜单icon</label>
									<div class="col-sm-10">
										<input type="text" class="form-control" name="menuIcon"
											id="add_menuIcon" placeholder="菜单icon" />
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 col-sm-2 control-label">父菜单</label>
									<div class="col-sm-10">
										<select id="add_fMenu" name="fMenu" class="form-control"></select>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 col-sm-2 control-label">权限列表</label> <label
										class="checkbox-inline"> <input type="checkbox"
										id="inlineCheckbox1" name="role" value="1"> <span
										class='label label-danger label-mini'>开发者</span>
									</label> <label class="checkbox-inline"> <input type="checkbox"
										id="inlineCheckbox2" name="role" value="2"> <span
										class='label label-info label-mini'>管理员</span>
									</label> <label class="checkbox-inline"> <input type="checkbox"
										id="inlineCheckbox3" name="role" value="3"> <span
										class='label label-warning label-mini'>普通用户</span>
									</label> <label class="checkbox-inline"> <input type="checkbox"
										id="inlineCheckbox4" name="role" value="4"> <span
										class='label label-success label-mini'>移动用户</span>
									</label>
								</div>
								<div class="form-group">
									<label class="col-sm-2 col-sm-2 control-label">菜单排序</label>
									<div class="col-sm-10">
										<input type="text" class="form-control" name="sore"
											id="add_menuSore" placeholder="菜单排序" />
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-2 col-sm-offset-2">
										<button type="button" class="btn btn-primary btn-block"
											id="add_saveBtn">保存</button>
									</div>
									<div class="col-sm-2 col-sm-offset-1">
										<button type="button" class="btn btn-default btn-block"
											id="add_backBtn">返回</button>
									</div>
								</div>
							</form>
						</div>
					</div>
					<!-- col-lg-12-->
				</div>
				<!-- 修改 -->
				<div class="row mt changeBody" style="display: none">
					<div class="col-lg-12">
						<div class="form-panel">
							<h4 class="mb">
								<i class="fa fa-angle-right"></i>修改菜单
							</h4>
							<form class="form-horizontal style-form" method="post"
								id="editForm">
								<div class="form-group" style="display: none">
									<label class="col-sm-2 control-label">ID</label>
									<div class="col-sm-10">
										<input type="text" class="form-control" name="id" id="edit_ID" />
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 col-sm-2 control-label">菜单名称</label>
									<div class="col-sm-10">
										<input type="text" class="form-control" name="menuName"
											id="edit_menuName" placeholder="菜单名称" />
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 col-sm-2 control-label">菜单路径</label>
									<div class="col-sm-10">
										<input type="text" class="form-control" name="menuPath"
											id="edit_menuPath" placeholder="菜单路径" />
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 col-sm-2 control-label">菜单icon</label>
									<div class="col-sm-10">
										<input type="text" class="form-control" name="menuIcon"
											id="edit_menuIcon" placeholder="菜单icon" />
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 col-sm-2 control-label">父菜单</label>
									<div class="col-sm-10">
										<select id="edit_fMenu" name="fMenu" class="form-control"></select>
									</div>
								</div>
								<div class="form-group">
									<label class="col-sm-2 col-sm-2 control-label">权限列表</label> <label
										class="checkbox-inline"> <input type="checkbox"
										id="editCheckbox1" name="edit_role" value="1"> <span
										class='label label-danger label-mini'>开发者</span>
									</label> <label class="checkbox-inline"> <input type="checkbox"
										id="editCheckbox2" name="edit_role" value="2"> <span
										class='label label-info label-mini'>管理员</span>
									</label> <label class="checkbox-inline"> <input type="checkbox"
										id="editCheckbox3" name="edit_role" value="3"> <span
										class='label label-warning label-mini'>普通用户</span>
									</label> <label class="checkbox-inline"> <input type="checkbox"
										id="editCheckbox4" name="edit_role" value="4"> <span
										class='label label-success label-mini'>移动用户</span>
									</label>
								</div>
								<div class="form-group">
									<label class="col-sm-2 col-sm-2 control-label">菜单排序</label>
									<div class="col-sm-10">
										<input type="text" class="form-control" name="sore"
											id="edit_menuSore" placeholder="菜单排序" />
									</div>
								</div>
								<div class="form-group">
									<div class="col-sm-2 col-sm-offset-2">
										<button type="button" class="btn btn-primary btn-block"
											id="edit_saveBtn">保存</button>
									</div>
									<div class="col-sm-2 col-sm-offset-1">
										<button type="button" class="btn btn-default btn-block"
											id="edit_backBtn">返回</button>
									</div>
								</div>
							</form>
						</div>
					</div>
					<!-- col-lg-12-->
				</div>
				<!-- 修改end -->
				<div class="popup_de xycenter">
					<div class="popup_box">
						<span class="popup_close" value="关闭">×</span> <span
							class="show_msg">确定要删除该权限吗？</span>
						<div class="btn_box">
							<div class="popup_btn btn_submit" value="确定">确定</div>
							<div class="popup_btn btn_cancel" value="取消">取消</div>
						</div>
					</div>
				</div>
			</section>
		</section>
		<!-- /MAIN CONTENT -->
		<!--main content end-->
	</section>

	<!-- js placed at the end of the document so the pages load faster -->
	<script src="/global/assets/js/jquery.js"></script>
	<script src="/global/assets/js/bootstrap.min.js"></script>
	<script class="include" type="text/javascript"
		src="/global/assets/js/jquery.dcjqaccordion.2.7.js"></script>
	<script src="/global/assets/js/jquery.scrollTo.min.js"></script>
	<script src="/global/assets/js/jquery.nicescroll.js"
		type="text/javascript"></script>
	<script src="/global/assets/js/bootstrap-confirmation.js"
		type="text/javascript"></script>
	<script type="text/javascript"
		src="/global/assets/js/bootstrap-table/bootstrap-table.min.js"></script>
	<script type="text/javascript"
		src="/global/assets/js/bootstrap-table/bootstrap-table-zh-CN.min.js"></script>
	<!--common script for all pages-->
	<script src="/global/assets/js/common-scripts.js"></script>
	<!-- bootstrap validate js -->
	<script type="text/javascript"
		src="/global/dist/js/bootstrapValidator.js"></script>
	<!--script for this page-->
	<script type="text/javascript"
		src="/global/assets/pagejs/menuManagerment.js"></script>
</body>
</html>
